/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 1100px)"/>
*/
html,
body {
  overflow: hidden; }

body {
  position: relative; }

#mm-blocker {
  display: none !important; }

.mm-page {
  background: inherit;
  box-sizing: border-box;
  min-height: 100vh; }

.mm-menu.mm-widescreen {
  display: block;
  width: 23%;
  min-width: none !important;
  z-index: 0; 
}
.mm-slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  width: 77% !important;
  margin-left: 23% !important; 
}

@media (min-width: 1400px){
  .header a[href="#menu"] {
    display: none;
  }
  .header img{
    max-width:300px;
    max-height:45px;
    vertical-align: middle; 
  }
  .navbar-nav .language {
    display: block;
  }
  .navbar-nav .theme {
    display: block;
  }
  .mm-menu.mm-widescreen {
    display: block;
    width: 16%;
    min-width: none !important;
    z-index: 0;
  }
  .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    width: 84% !important;
    margin-left: 16% !important; 
  }
}
@media (max-width: 1400px) and (min-width: 1199px){
  .header a[href="#menu"] {
    display: none;
  }
  .header img{
    max-width:300px;
    max-height:45px;
    vertical-align: middle; 
  }
  .navbar-nav .language {
    display: block;
  }
  .navbar-nav .theme {
    display: block;
  }
  .mm-menu.mm-widescreen {
    display: block;
    width: 20%;
    min-width: none !important;
    z-index: 0;
  }
  .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    width: 80% !important;
    margin-left: 20% !important; 
  }
}
@media (max-width: 390px) {
  .navbar-header {
    display: none;
  }
}